<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no" />
    <meta content="yes" name="apple-mobile-web-app-capable" />
    <meta content="black" name="apple-mobile-web-app-status-bar-style">
    <meta content="telephone=no" name="format-detection" />
    <meta content="emai=no" name="format-detection" />
    <link rel="stylesheet" type="text/css" href="/css/common.css" />
    <title>个人中心</title>
    <style>
        header {
            background-color: #ffee71;
            font-size: 2rem;
            padding: 25px 5.6%;
        }

            header .avatar {
                border: none;
                width: 70px;
                height: 70px;
            }

                header .avatar, header .avatar img {
                    -moz-border-radius: 10px;
                    -webkit-border-radius: 10px;
                    border-radius: 10px;
                }

            header .flex-1 {
                padding-left: 3%;
            }

                header .flex-1 span {
                    display: block;
                    margin-bottom: 5px;
                }

        .f-list {
            font-size: 2rem;
            padding: 34px 5.6%;
            -moz-box-sizing: padding-box;
            -webkit-box-sizing: padding-box;
            box-sizing: padding-box;
        }

            .f-list .f-list-group {
                width: 100%;
            }

            .f-list .f-list-item {
                border: 1px solid #d4d4d4;
                float: left;
                width: 47%;
                -moz-box-sizing: border-box;
                -webkit-box-sizing: border-box;
                box-sizing: border-box;
                text-align: center;
                -moz-border-radius: 15px;
                -webkit-border-radius: 15px;
                border-radius: 15px;
                padding: 20px 0;
                margin-bottom: 20px;
            }

                .f-list .f-list-item:nth-child(2n+1) {
                    clear: both;
                    margin-right: 5%;
                }

            .f-list .avatar {
                border: 8px solid #f0f0f0;
                display: block;
                width: 62px;
                height: 62px;
                line-height: 60px;
                margin: 0 auto 15px auto;
            }
    </style>
</head>
<body>
    <div class="wrapper">
        <header>
            <div class="flex-wrapper flex-align-center">
                <p>
                    <span class="avatar">
                        <img src="<?php echo $user['headimgurl']?>"/>
                    </span>
                </p>
                <p class="flex-1">
                    <span>微信昵称</span>
                    <span><?php echo $user['nickname']?></span>
                </p>
            </div>
        </header>
    </div>
    <div class="f-list">
        <ul class="f-list-group clear">
            <li class="f-list-item" data-href="/user/orderlist">
                <p class="avatar">
                    <span class="icon i-order"></span>
                </p>
               		 我的订单
            </li>
            <li class="f-list-item" data-href="/user/report">
                <p class="avatar">
                    <span class="icon i-report"></span>
                </p>
               		 我的报告
            </li>
            <li class="f-list-item" data-href="/user/show">
                <p class="avatar">
                    <span class="icon i-group"></span>
                </p>
                	我的信息
            </li>
            <li class="f-list-item" data-href="/cooperateform">
                <p class="avatar">
                    <span class="icon i-notice"></span>
                </p>
               	 我要合作
            </li>
        </ul>
    </div>
    <script src="/js/zepto-1.1.6.js" type="text/javascript"></script>
    <script src="/js/common.js" type="text/javascript"></script>
</body>
</html>
